import {Steps, TabItem, Tabs} from "@astrojs/starlight/components";

import ZulipTip from "../../components/ZulipTip.astro";

import AllMessagesIcon from "~icons/zulip-icon/all-messages";

<Tabs>
  <TabItem label="Desktop/Web">
    <Steps>
      1. In the left sidebar, click the **Direct message feed**
         (<AllMessagesIcon />) icon to the right of the
         **direct messages** heading, or use the <kbd>Shift</kbd> + <kbd>P</kbd>
         keyboard shortcut.
      1. Read your direct messages, starting from your first unread message. You can
         scroll using your mouse, the arrow keys, <kbd>End</kbd>, or page up/down.
    </Steps>

    <ZulipTip>
      You can click on a conversation in the left sidebar or a message recipient
      bar to view that conversation.
    </ZulipTip>
  </TabItem>
</Tabs>
